@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
  font-family: 'Zpix';
  src: url('/fonts/zpix.woff2') format('woff2');
  /* 其他字体属性 */
}
// css restore
* {
  font-family: "Zpix", sans-serif;
}
[data-theme="dark"] {
  background-color: #2b2b2b;
  color: #f1f1f1;
}
[data-theme="light"] {
  background-color: #fff;
  color: #000000;
}
:root {
  --card-back-color: #2b2b2b;
}

html {
  scroll-behavior: smooth;
}
body {
  user-select: none;
  transition: all;
}
a,button{
  cursor: url() 14 0,pointer;
}
a:hover{
  text-decoration: underline;
  text-decoration-color: #ff5a79;
}
// scroll bar color change
::-webkit-scrollbar {
  height: 4px;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: black;
  border-radius: 50px;
}
::-webkit-scrollbar-track {
  background-color: silver;
}

// **************************** components

// **************************** overrides
